<script lang="ts" setup>
import StatisticsItem from '@/views/education/student/components/StatisticsItem.vue'
import type { OrderApi } from '@/apis'

const statInfo = ref<OrderApi.OrderStatResp>()

const getStat = async () => {
  // const res = await OrderApi.getOrderStat()
  statInfo.value = {}
}

onMounted(() => {
  getStat()
})
</script>

<template>
  <div class="class-stat flex">
    <StatisticsItem tip="今日报名人数" icon="count" unit="人" :count="statInfo?.enrollmentNum || 0" />
    <StatisticsItem tip="待审核订单" icon="count" unit="单" :count="statInfo?.pendingPayNum || 0" />
    <StatisticsItem tip="今日取消人数" icon="count" unit="人" :count="statInfo?.cancelPayNum || 0" />
  </div>
</template>

<style lang="less" scoped>
.class-stat {
  margin-left: 100px;
}
</style>
